.login-body {
	background: #f3f3f3;
	width: 100%;
	min-width: 980px;
	height: 500px
}

.login-left {
	float: left;
	width: 55%
}

.login-right {
	float: right;
	width: 45%
}
.logoLink {
	float: left;
	display: block;
	width: 140px;
	height: 76px;
	overflow: hidden;
	font-size: 0;
	background: url(../login/Logo.png) right 20px no-repeat;
	margin-bottom:10px
}

.login-bg {
	width: 400px;
	height: 375px;
	position: relative;
	margin-top: 40px;
	margin-left: 100px
}

.login-icon-01,.login-icon-02,.login-txt {
	position: absolute;
	z-index: 2;
	opacity: 0
}

.login-icon-01 {
	background:
		url(//udhrs.oss-cn-beijing.aliyuncs.com/public/stylesheets/normal/images/login/icon-row.png)
		no-repeat;
	width: 98px;
	height: 90px;
	left: 226px;
	top: 173px
}

.login-icon-02 {
	background:
		url(//udhrs.oss-cn-beijing.aliyuncs.com/public/stylesheets/normal/images/login/icon-fire.png)
		no-repeat;
	width: 127px;
	height: 200px;
	left: 0;
	top: 400px;
	transition: all 1s ease .5s
}

.login-txt {
	background:
		url(//udhrs.oss-cn-beijing.aliyuncs.com/public/stylesheets/normal/images/login/icon-login-txt.png)
		no-repeat;
	width: 308px;
	height: 137px;
	left: -50%;
	top: 115px
}

.animate .login-txt {
	left: -15px;
	transition: all .5s linear .1s;
	-webkit-transition: all 1s linear .1s;
	opacity: 1
}

.animate .login-icon-01 {
	-webkit-animation: zoomIn 1s cubic-bezier(0, .25, .08, 1) 1s;
	-moz-animation: zoomIn 1s cubic-bezier(0, .25, .08, 1) 1s;
	-o-animation: zoomIn 1s cubic-bezier(0, .25, .08, 1) 1s;
	animation: zoomIn 1s cubic-bezier(0, .25, .08, 1) 1s
}

.animate .login-icon-02 {
	left: 194px;
	top: 44px
}

.animate .login-icon-01,.animate .login-icon-02 {
	opacity: 1;
	-webkit-animation-fill-mode: backwards;
	-moz-animation-fill-mode: backwards;
	-o-animation-fill-mode: backwards;
	animation-fill-mode: backwards
}

@
keyframes fadeToggle { 0%{
	opacity: 1;
	transform: scale(1)
}

50%{
opacity
:
.3
;transform
:scale
(1
.2
)
}
100%{
opacity
:
1;transform
:scale(1)
}
}
@
-webkit-keyframes fadeToggle { 0%{
	opacity: 1;
	transform: scale(1)
}

50%{
opacity
:
.3
;transform
:scale
(1
.2
)
}
100%{
opacity
:
1;transform
:scale(1)
}
}
@
keyframes zoomIn { 0%{
	transform: scale(0)
}

60%{
transform
:scale
(1
.2
)
}
100%{
transform
:scale(1)
}
}
@
-moz-keyframes zoomIn { 0%{
	transform: scale(0)
}

60%{
transform
:scale
(1
.2
)
}
100%{
transform
:scale(1)
}
}
@
-webkit-keyframes zoomIn { 0%{
	-webkit-transform: scale(0)
}

60%{
-webkit-transform
:scale
(1
.1
)
}
100%{
-webkit-transform
:scale(1)
}
}
@
-o-keyframes zoomIn { 0%{
	-o-transform: scale(0)
}

90%{
-o-transform
:scale
(1
.1
)
}
100%{
-o-transform
:scale(1)
}
}
@
-ms-keyframes zoomIn { 0%{
	-ms-transform: scale(0)
}

60%{
-ms-transform
:scale
(1
.1
)
}
100%{
-ms-transform
:scale(1)
}
}
.login-right-box {
	width: 350px;
	height: 400px;
	border: 1px solid #eee;
	background: #fff;
	margin: 64px auto 0;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
	padding: 30px 39px 0
}

.login-right-box input[type=password],.login-right-box input[type=text]
	{
	border: none;
	font-size: 15px;
	line-height: 36px;
	height: 36px;
	margin-top: 10px;
	display: inline-block;
	width: 162px
}

.login-right-box p {
	margin-top: 12px;
	border-bottom: 1px solid #e0e0e0
}

.login-box-img {
	text-align: center
}

.login-box-img .defaultLogin {
	background:
		url(/public/stylesheets/login/defaultAvater.png)
		0 0/100px 100px no-repeat;
	width: 100px;
	height: 100px;
	display: inline-block
}

.login-box-img p {
	border-bottom: none
}

.login-box-txt {
	font-size: 14px;
	color: #666;
	margin-top: 10px;
	cursor: pointer
}

.login-box-img img {
	width: 100px;
	height: 100px;
	border-radius: 50%
}

.login-right-box .password,.login-right-box .user,.login-right-box .verify
	{
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
	width: 26px
}

.login-right-box .user {
	background:
		url(/public/stylesheets/login/icon-person.png)
		no-repeat;
	height: 25px
}

.login-right-box .password {
	background:
		url(/public/stylesheets/login/icon-password.png)
		no-repeat;
	height: 14px
}

.login-right-box .verify {
	background:
		url(/public/stylesheets/login/icon-aval.png)
		no-repeat;
	height: 25px
}

.login-right-box .right-verify {
	float: right
}

.login-right-box .right-verify img {
	display: inline-block;
	vertical-align: middle;
	width: 92px
}

.forget-password {
	font-size: 14px;
	margin: 15px 0 0;
	padding-bottom: 25px
}

.fpmore {
	padding-bottom: 10px
}

.forget-password a {
	float: right;
	color: #3db7aa;
	display: block;
	margin-bottom: 10px
}

.forget-password label {
	cursor: pointer
}

.icheckbox_square-green {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	padding: 0;
	width: 14px;
	height: 14px;
	background:
		url(//udhrs.oss-cn-beijing.aliyuncs.com/public/stylesheets/normal/images/login/green.png)
		no-repeat;
	border: none;
	cursor: pointer
}

.icheckbox_square-green input {
	width: 14px
}

.icheckbox_square-green {
	background-position: 0 0
}

.icheckbox_square-green.hover {
	background-position: -24px 0
}

.icheckbox_square-green.checked {
	background-position: -48px 0
}

.icheckbox_square-green.disabled {
	background-position: -72px 0;
	cursor: default
}

.icheckbox_square-green.checked.disabled {
	background-position: -96px 0
}

#cVerify {
	width: 110px
}

.hidden {
	display: none
}

.shortlogin {
	height: 425px
}